/* =Main Elements
----------------------------------------------- */

body {
background-color: #dcdcdc;
margin: 0px 0px;
padding: 0px;
text-align: center;
	font-family: arial, sans-serif;
	font-size:12px;
	color: #666666;
}

#container {
background-color: #fff;
margin: 0px auto;
padding: 10px;
text-align: left;
height:100%;
width:97%;
}

#logo {
margin: 15px;
padding: 0px;
width: 300px;
}

.hide {
visibility: hidden;
}




/* =Nav Elements
----------------------------------------------- */

#nav {
/* clear: left; */
float: right;
margin: 0px;
padding: 0px;
text-align: right;
width:350px;
line-height:18px;
}

#nav ul {
display: inline;
font-family: arial, sans-serif;
font-size: 10px;
margin: 0px;
padding: 0px;
}

#nav ul li {
border-left: 1px solid #999;
display: inline;
list-style: none;
margin: 0px;
padding: 0px 0px 0px 12px;
}

#nav ul li.first {
border-left: none;
font-size: 10px;
display: inline;
list-style: none;
margin: 0px;
padding: 0px 10px 0px 0px;
}

#nav ul li a, #nav ul li a:link, #nav ul li a:visited, #nav ul li.first a, #nav ul li.first a:link, #nav ul li.first a:visited {
color: #999;
text-decoration: none;
}

#nav ul li a:hover, #nav ul li.first a:hover {
color: #666;
text-decoration: none;
}


/* =Menu Elements
----------------------------------------------- */

#menu {
background-color: #284298;
background-image: url('../images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
margin: 0px;
padding: 8px 0px 8px 8px;
text-align: left;
width: 97%;
}

#menu ul {
display: inline;
font-family: arial, sans-serif;
font-size: 10px;
margin: 0px;
padding: 0px;
}

#menu ul li {
border-left: 1px solid #fff;
display: inline;
list-style: none;
margin: 0px;
padding: 0px 10px 0px 12px;
}

#menu ul li.first {
border-left: none;
font-size: 10px;
display: inline;
list-style: none;
margin: 0px;
padding: 0px 10px 0px 10px;
}

#menu ul li a:link, #menu ul li a:visited, #menu ul li.first a:link, #menu ul li.first a:visited {
color: #fff;
text-decoration: none;
}

#menu ul li a:hover, #menu ul li.first a:hover {
color: yellow;
text-decoration: none;
}




/* =Font Elements
----------------------------------------------- */

p {
color: #666;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 0px;
}

em {
font-style: normal;
font-weight: bold;
}

h2 {
color: #666;
font-family: arial, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 14px;
margin: 0px 0px 17px 0px;
padding: 0px;
text-align: left;
}

h3 {
border-bottom: 1px solid #dcdcdc;
color: #666;;
font-family: arial, sans-serif;
font-size: 13px;
font-weight: bold;
margin: 0px 0px 20px 0px;
padding: 0px 0px 5px 0px;
text-align: left;
width: 784px;
}

h3.custinfo {
border-bottom: 1px solid #dcdcdc;
color: #666;;
font-family: arial, sans-serif;
font-size: 13px;
font-weight: bold;
margin: 0px 0px 20px 0px;
padding: 0px 0px 5px 0px;
text-align: left;
width: 394px;
}





/* =Button Elements
----------------------------------------------- */

.button a:link, .button a:visited {
background-color: #bebebe;
background-image: url('../images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #999;
color: #666;
display: block;
float: right;
font-family: arial, sans-serif;
font-size: 9px;
margin: 0px 0px 0px 10px;
padding: 5px;
text-decoration: none;
}

.button a:hover {
background-color: #dcdcdc;
background-image: url('../images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #bebebe;
color: #666;
display: block;
float: right;
font-family: arial, sans-serif;
font-size: 9px;
margin: 0px 0px 0px 10px;
padding: 5px;
text-decoration: none;
}

.buttonPrint a:link, .buttonPrint a:visited {
background-color: #bebebe;
background-image: url('../images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #999;
color: #666;
display: block;
float: left;
font-family: arial, sans-serif;
font-size: 9px;
margin: 0px 0px 0px 0px;
padding: 6px;
text-decoration: none;
}

.buttonPrint a:hover {
background-color: #dcdcdc;
background-image: url('../images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #bebebe;
color: #666;
display: block;
float: left;
font-family: arial, sans-serif;
font-size: 9px;
margin: 0px 0px 0px 0px;
padding: 6px;
text-decoration: none;
}


input.button {
background-color: #bebebe;
background-image: url('../images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #999;
color: #666;
display: block;
font-family: arial, sans-serif;
font-size: 9px;
margin: 0px 0px 0px 0px;
padding: 5px;
text-decoration: none;
}

.buttonalt a:link, .buttonalt a:visited {
background-color: #bebebe;
background-image: url('../images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #999;
color: #666;
display: block;
float: left;
font-family: arial, sans-serif;
font-size: 9px;
margin: 0px 0px 0px 10px;
padding: 5px;
text-decoration: none;
}

.buttonalt a:hover {
background-color: #dcdcdc;
background-image: url('../images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #bebebe;
color: #666;
display: block;
float: left;
font-family: arial, sans-serif;
font-size: 9px;
margin: 0px 0px 0px 10px;
padding: 5px;
text-decoration: none;
}

.buttonSM a:link, .buttonSM a:visited {
background-color: #bebebe;
background-image: url('../images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #999;
color: #666;;
display: block;
float:  left;
font-family: arial, sans-serif;
font-size: 9px;
line-height: 9px;
margin: 4px 0px 4px 0px;
padding: 3px;
text-align: center;
text-decoration: none;
}

.buttonSM a:hover {
background-color: #dcdcdc;
background-image: url('../images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #bebebe;
color: #666;;
display: block;
float: left;
font-family: arial, sans-serif;
font-size: 9px;
line-height: 9px;
margin: 4px 0px 4px 0px;
padding: 3px;
text-align: center;
text-decoration: none;
}

input.button {
background-color: #bebebe;
background-image: url('../images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #999;
color: #666;;
display: block;
font-family: arial, sans-serif;
font-size: 9px;
line-height: 9px;
margin: 0px 0px 0px 0px;
padding: 4px;
text-align: center;
text-decoration: none;
}

input.buttonalt {
background-color: #bebebe;
background-image: url('../images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #999;
color: #666;;
display: block;
float: right;
font-family: arial, sans-serif;
font-size: 9px;
margin: 0px 0px 0px 10px;
padding: 5px;
text-decoration: none;
}

.fieldLabel {
color: #284298;
font-family: arial, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0px;
padding: 0px;
text-align: left;
width: 110px;
}

.fieldContent {
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 0px;
text-align: left;
width: 618px;
}

.fieldContentForm {
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 5px;
text-align: left;
}

.fieldContentAlt {
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 0px;
text-align: left;
}


/* =Quad 1 Elements
----------------------------------------------- */

#q1 {
background-color: #dcdcdc;
background-image: url('../images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border-top: 1px solid #e9e9e9;
margin: 10px 10px 0px 0px;
padding: 10px;
text-align: left;
width: 830px;
}

#q1contentOuter {
background-color: #fff;
margin: 10px 0px 0px 0px;
padding: 10px;
text-align: left;
width: 810px;
}

#q1contentInner {
background-color: #fff;
border: 1px solid #dcdcdc;
margin: 0px;
padding: 15px;
text-align: left;
width: 778px;
}

table#ordertable {
border: 0px;
margin: 0px;
padding: 0px;
}

table#ordertablemain {
border: 0px;
margin: 0px;
padding: 0px;
width: 580px;
}

td.ordertable_head {
border-bottom: 1px solid #dcdcdc;
color: #284298;
font-family: arial, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0px;
padding: 0px 5px 5px 5px;
text-align: left;
}

td.ordertable_headalt {
background: url('../images/dotted.gif') repeat-x bottom;
color: #284298;
font-family: arial, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0px;
padding: 7px 0px 7px 0px;
text-align: left;
width: 205px;
}
td.ordertable_orderno {
background: url('../images/dotted.gif') repeat-x bottom;
color: #666;;
font-family: arial, sans-serif;
font-size: 14px;
font-weight: normal;
margin: 0px;
padding: 7px 8px 7px 8px;
text-align: left;
overflow:hidden;
white-space:nowrap;
border-right:dotted 1px #ccc;
}
td.ordertable_action {
background: url('../images/dotted.gif') repeat-x bottom;
color: #666;;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 7px 20px 7px 0px;
text-align: left;
}
td.ordertable_action a#link, a#link:link, a#link:visited, a#link:active {
font-size:9px;
font-family: arial, sans-serif;
text-decoration: none;
padding:0px 3px;
margin: 0px 0px 0px 8px;
border-left: solid 6px #f0f0f0;
}
td.ordertable_action a#link:hover {
border-left: solid 6px red;
}

td.ordertable_orderno_last {
background: none;
color: #666;;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 7px 20px 7px 0px;
text-align: left;
}

td.ordertable_date {
background: url('../images/dotted.gif') repeat-x bottom;
color: #666;;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 7px 20px 7px 0px;
text-align: left;
}

td.ordertable_date_last {
background: none;
color: #666;;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 7px 20px 7px 0px;
text-align: left;
}

td.ordertable_total {
background: url('../images/dotted.gif') repeat-x bottom;
color: #666;;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 7px 0px 7px 0px;
text-align: left;
}

td.ordertable_total_last {
background: none;
color: #666;;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 7px 0px 7px 0px;
text-align: left;
}

td.ordertable_prod {
background: url('../images/dotted.gif') repeat-x bottom;
color: #666;;
margin: 0px;
padding: 7px 20px 7px 0px;
text-align: left;
width: 100px;
}

td.ordertable_item {
background: url('../images/dotted.gif') repeat-x bottom;
color: #666;;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 7px 5px 7px 5px;
text-align: left;
}

tr.ordertable_row:hover {
background-color: #f5f5f5;
margin: 0px;
padding: 0px;
}

tr.ordertable_row_selected {
background-color: #f5f5f5;
margin: 0px;
padding: 0px;
}




/* =Quad 2 Elements
----------------------------------------------- */

#q2 {
background-color: #dcdcdc;
background-image: url('../images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border-top: 1px solid #e9e9e9;
clear: both;
height: 461px;
margin: 10px 0px 0px 10px;
padding: 10px;
width: 800px;
}

#q2contentOuter {
background-color: #fff;
height: 411px;
margin: 10px 0px 0px 0px;
padding: 10px;
width: 780px;
}

#q2contentInner {
background-color: #fff;
border: 1px solid #dcdcdc;
height: 399px;
margin: 0px;
padding: 5px;
width: 748px;
}

#inquiry_display {
background-color: #efefef;
height: 180px;
margin: 0px;
padding: 10px;
width: 700px;
}

#inquiry_no {
color: #284298;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 0px 0px 20px 0px;
padding: 0px;
text-align: left;
}

.inquiry_label {
color: #284298;
float: left;
font-family: arial, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 0px;
text-align: left;
width: 60px;
}

.inquiry_data {
color: #666;;
float: left;
font-family: arial, sans-serif;
font-size: 11px;
font-weight: bold;
margin: 0px;
padding: 0px;
text-align: left;
width: 130px;
}

#inquiry_shortview {
color: #666;;
font-family: arial, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 13px;
margin: 10px 0px 0px 0px;
padding: 0px;
text-align: left;
width: 178px;
}

table#inquirytable {
border: 0px;
margin: 10px;
padding: 0px;
width: 195px;
}

.inquirytable_no {
color: #284298;
font-family: arial, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 12px;
margin: 0px;
padding: 7px 0px 0px 0px;
text-align: left;
}

.inquirytable_time {
background: url('../images/dotted.gif') repeat-x bottom;
color: #666;;
font-family: arial, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 12px;
margin: 0px;
padding: 2px 20px 4px 0px;
text-align: left;
}

.inquirytable_time_last {
background: none;
color: #666;;
font-family: arial, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 12px;
margin: 0px;
padding: 2px 20px 4px 0px;
text-align: left;
}

.inquirytable_date {
background: url('../images/dotted.gif') repeat-x bottom;
color: #666;;
font-family: arial, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 12px;
margin: 0px;
padding: 2px 20px 4px 0px;
text-align: left;
}

.inquirytable_date_last {
color: #666;;
font-family: arial, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 12px;
margin: 0px;
padding: 2px 20px 4px 0px;
text-align: left;
}

.inquirytable_icon {
background: url('../images/dotted.gif') repeat-x bottom;
margin: 0px;
padding: 2px 0px 4px 0px;
text-align: left;
}

.inquirytable_icon_last {
margin: 0px;
padding: 2px 0px 4px 0px;
text-align: left;
}




/* =Quad 3 Elements
----------------------------------------------- */

#q3 {
background-color: #dcdcdc;
background-image: url('../images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border-top: 1px solid #e9e9e9;
height: 165px;
margin: 10px 10px 0px 0px;
padding: 10px;
width: 350px;
}

#q3contentOuter {
background-color: #fff;
height: 115px;
margin: 10px 0px 0px 0px;
padding: 10px;
width: 330px;
}

#q3contentInner {
background-color: #fff;
border: 1px solid #dcdcdc;
height: 83px;
margin: 0px;
padding: 15px;
width: 298px;
}

table#managetable {
border: 0px;
margin: 0px;
padding: 0px;
width: 298px;
}

td.managetable_head {
border-bottom: 1px solid #dcdcdc;
color: #284298;
font-family: arial, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0px;
padding: 0px 0px 5px 0px;
text-align: left;
}

td.managetable_cell {
color: #666;;
font-family: arial, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 14px;
margin: 0px;
padding: 7px 20px 7px 0px;
text-align: left;
}

.managetable_feature {
color: #666;;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 7px 20px 7px 0px;
text-align: left;
display: inline;
}

.thumb {
/* background: url('../images/bg_thumb.gif') no-repeat 0px 0px; */
border:dotted 2px #ccc;
float: left;
margin: 5px;
padding: 2px;
text-align: center;
/* width: 175px; */
}

.thumb:hover {border: dotted 2px #999;}

.thumbAlt {
float: left;
margin: 0px;
padding: 0px;
text-align: center;
}

.thumb a, .thumbText a, .thumbAlt a {
color: #999;
text-decoration: none;
}

.thumb a:hover, .thumbText a:hover, .thumbAlt a:hover {
color: #333;
text-decoration: none;
}

.thumbText {
margin: 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}

.thumbPic {
/*
height: 114px;
width: 114px;
*/
margin: 0px;
padding: 0px;
}

.thumbPicSm {
height: 50px;
margin: 0px;
padding: 0px 5px 0px 5px;
width: 50px;
}



/* =Quad 4 Elements
----------------------------------------------- */

#q4 {
background-color: #dcdcdc;
background-image: url('../images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border-top: 1px solid #e9e9e9;
float: right;
height: 165px;
margin: 10px 0px 0px 10px;
padding: 10px;
width: 180px;
}

#q4contentOuter {
background-color: #fff;
height: 115px;
margin: 10px 0px 0px 0px;
padding: 10px;
width: 160px;
}

#q4contentInner {
background-color: #fff;
border: 1px solid #dcdcdc;
height: 83px;
margin: 0px;
padding: 15px;
width: 128px;
}

table#customertable {
border: 0px;
margin: 0px;
padding: 0px;
width: 128px;
}

td.customertable_head {
border-bottom: 1px solid #dcdcdc;
color: #666;;
font-family: arial, sans-serif;
font-size: 13px;
font-weight: bold;
margin: 0px;
padding: 0px 0px 5px 0px;
text-align: left;
}

td.customertable_cell {
color: #666;;
font-family: arial, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 14px;
margin: 0px;
padding: 7px 20px 7px 0px;
text-align: left;
}




/* =Interior Elements
----------------------------------------------- */

#intQuad {
background-color: #dcdcdc;
background-image: url('../images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border-top: 1px solid #e9e9e9;
margin: 10px 0px 0px 0px;
padding: 10px;
text-align: left;
width: 97%;
}

#intQuadOuter {
background-color: #fff;
margin: 10px 0px 0px 0px;
padding: 10px;
text-align: center;
}

#intQuadInner {
background-color: #fff;
border: 1px solid #dcdcdc;
margin: 0px;
padding: 15px;
text-align: center;
}

table#regtable {
border: 0px;
margin: 0px;
padding: 0px;
width: 790px;
}

td.regtable_head {
border-bottom: 1px solid #dcdcdc;
color: #284298;
font-family: arial, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0px;
padding: 0px 0px 5px 0px;
text-align: left;
}

td.regtable_cell {
background: url('../images/dotted.gif') repeat-x bottom;
color: #666;;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 7px 20px 7px 0px;
text-align: left;
}

td.regtable_icon {
background: url('../images/dotted.gif') repeat-x bottom;
margin: 0px;
padding: 7px 0px 7px 0px;
text-align: left;
}






/* =Order Detail Elements
----------------------------------------------- */

#intHeader {
background-color: #efefef;
margin: 0px 0px 20px 0px;
padding: 10px;
width: 768px;
}

#orderDetail_orderno {
color: #284298;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 0px;
text-align: left;
}

#orderDetail_date {
color: #284298;
float: right;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 0px;
text-align: right;
}

.orderDetail_billinfo {
float: left;
margin: 0px;
padding: 0px;
width: 394px;
}

.orderDetail_shipinfo {
float: left;
margin: 0px;
padding: 0px;
width: 394px;
}

.custinfo_label {
color: #284298;
float: left;
font-family: arial, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0px;
padding: 0px;
text-align: left;
width: 120px;
}

.custinfo_data {
color: #666;;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 0px;
text-align: left;
width: 264px;
}


.selectList {
display: block;
float: right;
font-family: arial, sans-serif;
font-size: 9px;
margin: 0px 0px 0px 10px;
padding: 2px;
text-decoration: none;
}


/* =Form Elements
----------------------------------------------- */

table.formtable {
border: 0px;
margin: 0px 30px;
padding: 0px;
}

form {
display: inline;
margin: 0px;
padding: 0px;
}


input {
color: #666;
//float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 2px;
}

input.alt {
color: #666;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 10px 0px 0px;
padding: 2px;
width: 300px;
}

input.alt2 {
color: #666;
float:none;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 10px 0px 0px;
padding: 2px;
text-align: left;
}
input.alt3 {
color: #666;
float:none;
font-family: arial, sans-serif;
font-size: 11px;
margin: 0px 10px 0px 0px;
padding: 2px;
text-align: left;
border:solid 1px #ccc;
width:150px;
}


select.alt {
color: #666;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 10px 0px 0px;
padding: 2px;
width: 300px;
}

textarea.alt {
color: #666;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 10px 0px 0px;
padding: 2px;
width: 300px;
}

.inputLabel {
background: url('../images/dotted.gif') repeat-x bottom;
color: #284298;
font-family: arial, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0px;
padding: 8px 20px 8px 0px;
width: 150px;
text-align: left;
}

.inputLabel_err {
background: url('../images/dotted.gif') repeat-x bottom;
color: #c00;
font-family: arial, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0px;
padding: 8px 20px 8px 0px;
width: 150px;
}

.inputField {
background: url('../images/dotted.gif') repeat-x bottom;
color: #666;;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px;
padding: 8px 20px 8px 0px;
text-align: left;
}

.required {
color: #900;
float: left;
font-family: arial, sans-serif;
font-size: 16px;
font-weight: normal;
margin: 0px;
padding: 0px;
}

.requiredAlt {
color: #900;
float: left;
font-family: arial, sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0px;
padding: 0px;
}

.checkall {
color: #666;;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 7px 0px 7px 0px;
text-align: left;
}

/* =Customer Data
----------------------------------------------- */
#custHeader {
background-color: #efefef;
margin: 0px 0px 20px 0px;
padding: 10px;
width: 768px;
}

.customerInfo {
margin: 0px;
padding: 0px;
width: 394px;
}

.custheader_label {
color: #284298;
float: left;
font-family: arial, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0px;
padding: 0px;
text-align: left;
width: 120px;
}

.custheader_data {
color: #666;;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 0px;
text-align: left;
width: 264px;
}

/* =Export
----------------------------------------------- */
.export_text {
color: #666;;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 0px;
text-align: left;
}




/* =Links
----------------------------------------------- */

a:link {color: #284298;}
a:visited {color: #284298;}
a:hover {color: #999;}
a:active {color: #284298;}

/* =Offers
----------------------------------------------- */

#offers {
	margin: 15px 0px 0px 0px;
	}

#offers h1 {
	color: #1975d8;
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	}

.offer {
	border-top: 1px solid #e5e5e5;
	padding: 10px 0px 10px 0px;
	}

.offer img.pic {
	float: left;
	border: 1px solid #e5e5e5;
	height: 79px;
	margin: 0px 15px 0px 0px;
	padding: 3px;
	width: 79px;
	}
	
.offer h2 {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	}

.offer h2 a {
	color: #1975d8;
	}

.offer h2 a:hover {
	color: #333;
	}

.offer p {
	font-size: 10px;
	padding: 0px 0px 10px 0px;
	}

#dateBar {
	font-family: arial, sans-serif;
	font-size:11px;
	color: #0000cc;
	height: 22px;
	margin: 0px auto;
	padding: 8px 0px 0px 0px;
	text-align: right;
	}
	
	/*-- ########## LOCATED IN XXX_VIEW.PHP FILES AS MAIN CONTENT CONTAINER ################ -- */
	
div.view_content {
	height:400px;

	vertical-align:middle;
	text-align:center;
	overflow:auto;
}
div.view_content_print {
	text-align:center;
}

/*-- ########### SEARCH BOX ############ -- */
#simple_search_text {
	width:200px;
	color:#666;
	border:solid 1px #999;
	font-family:Arial,Verdana;
	padding:1px;
	background:#fff;
	float:none;
	margin:0px;
}
#billing_date {
	width:150px;
	color:#666;
	border:solid 1px #999;
	font-family:Arial,Verdana;
	padding:1px;
	background:#fff;
	float:none;
	margin:0px;
}


#simple_search_text:focus {
	border:solid 1px #666;
}
#view_search_container {
	margin:0px 10px 10px 10px;
	padding:5px 0px;
	border:solid 1px #f0f0f0;
	width:auto;
	height:45px;
	vertical-align:top;
	text-align:center;
	clear:both;
}






.search_button {
	cursor:pointer;
}

div.avatar{
	overflow:hidden;
	padding:0px;
	margin:0px;
	width:120px;
	height:120px;
	float:right;
}
div.dashboard_icon{
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	width:120px;
	height:160px;
	float:left;
	margin:0px 0px 15px 0px;
	padding:0px;
	overflow:hidden;
	cursor:pointer
}
div.dashboard_icon:hover{
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}

div.dashboard_icon a{
	text-align:center;
	vertical-align:bottom;
	width:120px;
	height:150px;
}
div.dashboard_icon a div{
	cursor:pointer
	width:120px;
	height:150px;
	text-align:center;
	vertical-align:bottom;
	padding:145px 0px 0px 3px;
}

.clearit{
	clear:both;
}



#view_search_item{
	float:left;
	clear:none;
	width:auto;
	height:35px;
	vertical-align:middle;
	text-align:center;
	padding:2px 10px;
	/*border:solid 1px #000;*/
}

.group_total td{
	font-size:18px;
	color:green;
	font-weight:bold;
	background:#DFFFE7;
	text-align:right;
}

.group_title td{
	padding-top:45px;
	border-top:solid 2px #000;
	border-bottom:solid 1px #999;
	font-size:16px;
	color:green;
	font-weight:bold;
}
.group_title:hover{
	background-color:#fff !important;
}
.group_start td{
	padding-top:45px;
	border-top:solid 1px #000;
}

a#small{
	text-decoration:underline !important;
	font-size:11px !important;
	font-weight:normal !important;
	}

.right{
	text-align:right !important;
}

.left{
	text-align:left !important;
}

.hideit{
	left:-200px !important;
}

#checkTotalWrap{
	position:fixed;
	left:0px;
	top:0px;
	-moz-border-radius:10px;
	width:200px;
	height:50px;
	background-color:#DFFFE7;
	border:solid 3px green;
/*
	opacity:.80;
	-moz-opacity:.80;
	filter:alpha(opacity=80)
*/
	cursor:pointer;
	color:#666;
	padding:5px;
}

#checkTotal {
	font-size:1.5em;
	margin:0px;
	padding:5px;
}



